<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="/static/assets/icomoon/style.css">
    <link rel="stylesheet" href="/static/css/1reset.css">
    <link rel="stylesheet" href="/static/css/2index.css">
    <link rel="stylesheet" href="/static/css/10personal.css">
</head>
<body>
    <div class="hxtop"></div>
    <div class="store">
        <div class="container">
        <div class="crumbs">
            <a href="javascript:;">首页 > </a>
            <a href="javascript:;">我的商城 ></a>
            <a href="javascript:;">个人中心</a>
        </div>
        <div class="main clearfix">
{#            <div class="left-nav f-f1">#}
{#                <div class="nav-main">#}
{#                    <a href="javascript:;" class="type-title"><i class="icon-file-text2"></i>订单中心</a>#}
{#                    <a href="javascrpit:;" class="order active">我的订单</a>#}
{#                    <a href="javascrpit:;">我的回购单</a>#}
{#                    <a href="javascript:;" class="type-title"><i class="icon-user"></i>个人中心</a>#}
{#                    <a href="javascrpit:;" class="addre">地址管理</a>#}
{#                    <a href="javascrpit:;">我的收藏</a>#}
{#                    <a href="javascrpit:;">消息提醒</a>#}
{#                    <a href="javascrpit:;">建议反馈</a>#}
{#                    <a href="javascript:;" class="type-title"><i class="icon-github"></i>资产中心</a>#}
{#                    <a href="javascrpit:;">我的优惠卷</a>#}
{#                    <a href="javascrpit:;">我的红包</a>#}
{#                    <a href="javascrpit:;">我的回购金</a>#}
{#                    <a href="javascript:;" class="type-title"><i class="icon-smile"></i>服务中心</a>#}
{#                    <a href="javascrpit:;">退款</a>#}
{#                    <a href="javascrpit:;">以旧换新</a>#}
{#                </div>#}
{#            </div>#}
            <div class="content">
{#                <div class="order-main">#}
{#                    <div class="type-tab">#}
{#                        <a href="javascript:;">全部订单</a><i class="line">|</i>#}
{#                        <a href="javascript:;">代付款</a><i class="line">|</i>#}
{#                        <a href="javascript:;">待发货</a><i class="line">|</i>#}
{#                        <a href="javascript:;">已发货</a><i class="line">|</i>#}
{#                        <a href="javascript:;">其他</a><i class="line">|</i>#}
{#                    </div>#}
{#                    <div class="list-head">#}
{#                        <ul class="clearfix">#}
{#                            <li class="w50">#}
{#                                <select class="check-type">#}
{#                                    <option value="0">近三个月的订单</option>#}
{#                                    <option value="1">全部订单</option>#}
{#                                </select>#}
{#                                <span>订单明细</span>    #}
{#                            </li>#}
{#                            <li class="w125">售后</li>#}
{#                            <li class="w125">金额</li>#}
{#                            <li class="w125">状态</li>#}
{#                            <li class="w125">操作</li>#}
{#                        </ul>#}
{#                    </div>#}
{#                    <div class="tableList">#}
{#                        <div class="table-cont">#}
{#                            <table class="orderItem">#}
{#                                <tbody>#}
{#                                    <tr class="trHead">#}
{#                                        <td colspan="4" class="title clearfix">#}
{#                                            <div class="f-f1">#}
{#                                                下单时间：<span class="time">2019-10-10 19:32:44</span>#}
{#                                                订单号：<span class="orderNumber">51100944321935387091</span>#}
{#                                                <a href="javascript:;">#}
{#                                                    <i class="icon-hipster"></i>#}
{#                                                    联系客服#}
{#                                                </a>#}
{#                                            </div>#}
{#                                        </td>#}
{#                                    </tr>               #}
{#                                </tbody>#}
{#                            </table>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
                <div class="address-main">
                    <div class="row">
                        <span class="title">新增收货地址</span>
                        <span class="gray">
                            (您目前已有地址 
                            <i class="already">2</i>
                            个，最多还可以增加
                            <i class="settle">8</i>个)
                        </span>
                    </div>
                    <form>
                        <div class="form-cont">
                            <div class="row namePhone clearfix">
                                <div class="addressName f-f1">
                                    <span>收货人姓名<i class="mark">*</i></span>
                                    <input type="text" placeholder="长度不超过15个字" maxlength="15">
                                </div>
                                <div class="addressPhone f-f1">
                                        <span>收货人手机号<i class="mark">*</i></span>
                                        <input type="text" placeholder="请输入11位手机号" maxlength="11">
                                    </div>
                            </div>
                            <div class="row receverAddress clearfix">
                                    <span class="f-f1">收货人地址<i class="mark">*</i></span>
                                <div class="input-warp f-f1">
                                    <div id="sjld" style="width:520px;position:absolute;z-index: 999; margin-left: 25px;">
                                        <div class="m_zlxg" id="shenfen">                                   
                                            <p title="">选择省份</p>                                  
                                            <div class="m_zlxg2">                                   
                                                <ul></ul>                                   
                                            </div>                                
                                        </div>                               
                                        <div class="m_zlxg" id="chengshi">                                 
                                            <p title="">选择城市</p>                             
                                            <div class="m_zlxg2">                               
                                                <ul></ul>                               
                                            </div>                                  
                                        </div>                                  
                                        <div class="m_zlxg" id="quyu">                                  
                                            <p title="">选择区域</p>                                  
                                            <div class="m_zlxg2">                                   
                                                <ul></ul>                                   
                                            </div>
                                        </div>
                                        <input id="sfdq_num" type="hidden" value="" />
                                        <input id="csdq_num" type="hidden" value="" />
                                        <input id="sfdq_tj" type="hidden" value="" />
                                        <input id="csdq_tj" type="hidden" value="" />
                                        <input id="qydq_tj" type="hidden" value="" />
                                    </div>
                                </div>
                            </div>
                            <div class="row detalAddress">
                                <span>详情地址
                                    <i class="mark">*&nbsp;&nbsp;&nbsp;</i>
                                </span>
                                <input type="text" placeholder="请输入不少于4不超50个字的详细地址，例如：路名，门牌号" maxlength="50">
                            </div>
                            <div class="opreat">
                                <label for="default">
                                    <input type="checkbox">设为默认
                                </label>
                                <a href="javascript:;" class="opreat-a">保存</a>
                            </div>
                        </div>
                    </form>
                    <div class="list">
                        <div class="row">
                            <div class="title">
                                <span>已有地址</span>
                            </div>
                        </div>
                        <div class="listHead">
                            <span class="center w15">收货人姓名</span>
                            <span class="center w35">收货人地址</span>
                            <span class="center w25">收货人手机号</span>
                            <span class="center w10">操作</span>
                        </div>
                        <ul class="tableList">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="hxbottom"></div>
</body>
<script src="/static/assets/jquery.js"></script>
<script src="/static/assets/jquery.cookie.js"></script>
<script src="/static/assets/address.js"></script>
<script src="/static/assets/nav2.js"></script>
<script src="/static/js/personal.js"></script>
<script>
    // 地址操作
$("#sjld").sjld("#shenfen","#chengshi","#quyu");

    $(".hxtop").load("reset.html .t",function(){
        var user=$(".header-user");
        var user_list = user.find(".NoLogin");
        user.hover(function(){
            user_list.stop().slideDown()
        },function(){
            user_list.stop().slideUp()
        })
        // 如果购物车中有商品，将数字改变
    if($.cookie("NUM")){
        $(".header-cart em").html($.cookie("NUM"))
    }
        // 判断登录状态
    if($.cookie("isLogin")){
        $(".header-user").removeClass("icon-user");
        var img = $('<img src="" alt="">');
        img.attr("src","assets/images/user.jpg");
        $(".header-user").prepend(img)
    
        var user=$(".header-user");
        var user_list = user.find(".YesLogin");
        user.hover(function(){
            user_list.stop().slideDown()
        },function(){
            user_list.stop().slideUp()
        })
        $(".out").click(function(){
            $.cookie("isLogin",null)
            window.history.go(0) 
        })
    }
    })
    $(".hxbottom").load("reset.html .b",function(){
            // 底部小图标显示
    var language = $(".language");
    var language_ul = $(".language").find("ul");
    var subsrcibe_a1 = $(".subsrcibe").children("a").eq(0);
    var subsrcibe_a2 = $(".subsrcibe").children("a").eq(1);
    var subsrcibe_img1 = subsrcibe_a1.find("img");
    var subsrcibe_img2 = subsrcibe_a2.find("img");

    language.hover(function(){
        language_ul.stop().show()
    },function(){
        language_ul.stop().hide()
    })
    language_ul.hover(function(){
        language_ul.stop().show()
    },function(){
        language_ul.stop().hide()
    })
    
    subsrcibe_a1.hover(function(){
        subsrcibe_img1.stop().show()
    },function(){
        subsrcibe_img1.stop().hide()
    })
    subsrcibe_img1.hover(function(){
        subsrcibe_img1.stop().show()
    },function(){
        subsrcibe_img1.stop().hide()
    })
    subsrcibe_a2.hover(function(){
        subsrcibe_img2.stop().show()
    },function(){
        subsrcibe_img2.stop().hide()
    })
    subsrcibe_img2.hover(function(){
        subsrcibe_img2.stop().show()
    },function(){
        subsrcibe_img2.stop().hide()
    })
    
    })
</script>
</html>